1"use client";
2
3
17import { useParams } from "next/navigation";
18import { Users } from "lucide-react";
19
20export default function SharedPage() {
21 const params = useParams<{ workspace: string }>();
22 void params?.workspace;
23 return (
24 <div className="mx-auto max-w-2xl px-6 py-8">
25 <h1 className="mb-1 flex items-center gap-2 text-xl font-semibold">
26 <Users className="size-5 text-muted-foreground" aria-hidden /> Shared with me
27 </h1>
28 <p className="mb-4 text-sm text-muted-foreground">
29 Pages others have shared with you will appear here.
30 </p>
31 <div className="rounded-md border border-dashed border-border p-8 text-center">
32 <Users className="mx-auto mb-2 size-6 text-muted-foreground" aria-hidden />
33 <p className="text-sm font-medium">Nothing shared with you yet</p>
34 <p className="mx-auto mt-1 max-w-sm text-xs text-muted-foreground">
35 The “shared with me” view lands in Phase 4+. You can still create
36 outbound shares from a page's share menu (link, public, or invite) —
37 those are managed from the page, and the reverse lookup (who shared
38 what with you) is what this page will list once it's built.
39 </p>
40 </div>
41 </div>
42 );
43}
44